<!-- 景点推荐 -->
<section id="attractions" class="section">
  <h2 class="section-title"><i class="fas fa-landmark"></i> 景点推荐</h2>
  
  <h3>市内热门景点</h3>
  <div class="attraction-cards">
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F6ab3dfb8-d56a-4682-b235-b01bea43eb88%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=cc0d4dbeef7599cc9faf9d37ac3e1a06" alt="宽窄巷子">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">宽窄巷子</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：免费</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：2-3小时</li>
          <li><i class="fas fa-star"></i> 特色：成都最著名的历史文化街区</li>
          <li><i class="fas fa-subway"></i> 交通：地铁4号线宽窄巷子站B口出</li>
        </ul>
      </div>
    </div>
    
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F69e8af22-c954-4f18-8eaf-a70ace1f85de%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=5d8bc43c86c2c04e4e68a7bef7664f17" alt="锦里古街">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">锦里古街</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：免费</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：2小时</li>
          <li><i class="fas fa-star"></i> 特色：与武侯祠相连，古色古香的商业街</li>
          <li><i class="fas fa-subway"></i> 交通：地铁3号线武侯祠站</li>
        </ul>
      </div>
    </div>
    
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Febd56ac3-e02f-48fa-9608-17d11bc39d77%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=2c7c8b35cc45a6b4d0de7e908e38bc8c" alt="成都大熊猫繁育研究基地">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">成都大熊猫繁育研究基地</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：58元</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：半天(上午最佳)</li>
          <li><i class="fas fa-door-open"></i> 开放时间：7:30-18:30</li>
          <li><i class="fas fa-subway"></i> 交通：地铁3号线动物园站转熊猫基地专线</li>
        </ul>
      </div>
    </div>
  </div>
  
  <div class="attraction-cards" style="margin-top: 20px;">
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fba92e5f6-f9b1-45e2-987a-0b5e45f5f6c6%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=ed2b0414bfab7dfb3f31c61edfd57ce7" alt="春熙路">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">春熙路</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：免费</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：2-3小时</li>
          <li><i class="fas fa-star"></i> 特色：成都最繁华的商业步行街</li>
          <li><i class="fas fa-subway"></i> 交通：地铁2号线春熙路站</li>
        </ul>
      </div>
    </div>
    
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F8c6c3afa-ed24-4d05-9d5c-3c8ab41f7635%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=0dabc72eb437a37b79ff43d3cf2d1d9c" alt="杜甫草堂">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">杜甫草堂</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：50元</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：2小时</li>
          <li><i class="fas fa-star"></i> 特色：唐代诗人杜甫流寓成都时的故居</li>
          <li><i class="fas fa-subway"></i> 交通：地铁4号线杜甫草堂站</li>
        </ul>
      </div>
    </div>
    
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fcf4e00eb-8eb4-488e-bb6a-4b37d28eb5b6%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=a4d0c4e6f92bc39d11ebdaa0f31dce55" alt="四川博物院">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">四川博物院</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：免费(需预约)</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：2-3小时</li>
          <li><i class="fas fa-star"></i> 特色：收藏展示四川地区历史文物</li>
          <li><i class="fas fa-subway"></i> 交通：地铁1号线骡马市站</li>
        </ul>
      </div>
    </div>
  </div>
  
  <h3 style="margin-top: 30px;">郊区一日游景点</h3>
  <div class="attraction-cards">
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fd8a693e9-0be1-4d31-b3fb-2fe8f48307ec%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=13d0b0c90ea2f7e2be35a9edaa0dcfa7" alt="都江堰">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">都江堰</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：80元</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：半天</li>
          <li><i class="fas fa-star"></i> 特色：世界文化遗产，古代水利工程</li>
          <li><i class="fas fa-train"></i> 交通：成都东站乘坐城际列车到都江堰站</li>
        </ul>
      </div>
    </div>
    
    <div class="attraction-card">
      <div class="attraction-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F8f25ae6d-2c7e-4e6e-b3ca-c9193a32afc4%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=1c3c3a84a19b1c9e6ffc1cd3e6f7eb5a" alt="青城山">
      </div>
      <div class="attraction-details">
        <h3 class="attraction-name">青城山</h3>
        <ul class="attraction-info">
          <li><i class="fas fa-ticket-alt"></i> 门票：80元（前山）</li>
          <li><i class="fas fa-clock"></i> 建议游玩时间：半天</li>
          <li><i class="fas fa-star"></i> 特色：道教名山，风景秀丽</li>
          <li><i class="fas fa-train"></i> 交通：成都东站乘坐城际列车到青城山站</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- 住宿建议 -->
<section id="accommodations" class="section">
  <h2 class="section-title"><i class="fas fa-bed"></i> 住宿建议</h2>
  
  <div class="accommodation-cards">
    <div class="accommodation-card">
      <div class="accommodation-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F7fda7b7e-34e9-4c5c-8d9c-56e51b14bbaf%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=2f7683702d99051d75c3bfee10cfe2b0" alt="春熙路/太古里附近">
      </div>
      <div class="accommodation-details">
        <h3 class="accommodation-name">春熙路/太古里附近</h3>
        <ul class="accommodation-info">
          <li><i class="fas fa-thumbs-up"></i> <strong>优点：</strong> 繁华商圈，餐饮购物方便，交通便利</li>
          <li><i class="fas fa-money-bill-wave"></i> <strong>价格：</strong> 中高档酒店600-1000元/晚，经济型300-500元/晚</li>
          <li><i class="fas fa-subway"></i> <strong>交通：</strong> 地铁1号线、2号线交汇，多条公交线路</li>
          <li><i class="fas fa-utensils"></i> <strong>周边：</strong> 太古里购物中心，春熙路商圈，各类餐厅</li>
        </ul>
      </div>
    </div>
    
    <div class="accommodation-card">
      <div class="accommodation-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fa0d53cc2-1bae-43fc-95e9-2ac37339c5ed%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=e15a12cb21fe92a58cad0ec7444dd2aa" alt="宽窄巷子附近">
      </div>
      <div class="accommodation-details">
        <h3 class="accommodation-name">宽窄巷子附近</h3>
        <ul class="accommodation-info">
          <li><i class="fas fa-thumbs-up"></i> <strong>优点：</strong> 文艺氛围浓厚，闹中取静</li>
          <li><i class="fas fa-hotel"></i> <strong>推荐：</strong> 布丁严选成都宽窄巷子西安北路美食街店</li>
          <li><i class="fas fa-money-bill-wave"></i> <strong>价格：</strong> 约300-400元/晚</li>
          <li><i class="fas fa-map-marker-alt"></i> <strong>位置：</strong> 西安北路31号，距宽窄巷子步行约5分钟</li>
        </ul>
      </div>
    </div>
  </div>
  
  <div class="accommodation-cards" style="margin-top: 20px;">
    <div class="accommodation-card">
      <div class="accommodation-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F4a5b0ce9-5dbd-42ab-9f10-1ecdf3c0c2dd%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=5ee31aca11d2b98a3ca67b01bfaad644" alt="武侯祠/锦里附近">
      </div>
      <div class="accommodation-details">
        <h3 class="accommodation-name">武侯祠/锦里附近</h3>
        <ul class="accommodation-info">
          <li><i class="fas fa-thumbs-up"></i> <strong>优点：</strong> 历史文化气息浓厚，交通便利</li>
          <li><i class="fas fa-hotel"></i> <strong>推荐：</strong> 如家neo-成都武侯大道地铁站店</li>
          <li><i class="fas fa-money-bill-wave"></i> <strong>价格：</strong> 约280-350元/晚</li>
          <li><i class="fas fa-subway"></i> <strong>特点：</strong> 紧邻地铁站，交通便利</li>
        </ul>
      </div>
    </div>
    
    <div class="accommodation-card">
      <div class="accommodation-img">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fe2eb2f22-8ef4-4996-ab22-51ca9a66b0f3%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1715308926&t=d6ca0c1c83efbc9b1c3fcf15df56979a" alt="火车东站/南站附近">
      </div>
      <div class="accommodation-details">
        <h3 class="accommodation-name">火车东站/南站附近</h3>
        <ul class="accommodation-info">
          <li><i class="fas fa-thumbs-up"></i> <strong>优点：</strong> 交通便利，适合早班火车或短暂停留</li>
          <li><i class="fas fa-money-bill-wave"></i> <strong>价格：</strong> 经济型酒店200-300元/晚</li>
          <li><i class="fas fa-subway"></i> <strong>交通：</strong> 地铁2号线直达火车东站，7号线直达火车南站</li>
          <li><i class="fas fa-info-circle"></i> <strong>提示：</strong> 适合中转或行程首末日入住</li>
        </ul>
      </div>
    </div>
  </div>
</section> 